<?php
    include_once("entity/Producto.php");
    include_once("bussines/ProductoBR.php");
?>
<script src="js/mantenimiento/mantenimiento.producto.js"></script>

<table width='98%' border='0' cellspacing='0' cellpadding='0'>
    <tr>

        <td style="vertical-align: bottom;"><br/>
            <div id='divTitulo'>&nbsp;&nbsp; Mantenimiento de Productos</div>
        </td>
    </tr>
    <tr><td  style=" vertical-align: top;"><hr></td></tr>
    <tr>
        <td>
            <center>
                <table width='98%' border='0' id='FiltroTabla'>
                    <tr>
                        <td>&nbsp;&nbsp; Codigo Alterno :</td>
                        <td><input type='text' id='txtCodigoProSearch' placeholder='Ingrese Codigo Alterno' name='txtCodigoProSearch' /></td>
                        <td> Nombre :</td>
                        <td><input type='text' id='txtNombreProSearch' placeholder='Ingrese Nombre' name='txtNombreProSearch' size="50"/></td>
                        <td>
                            <button id='btnBuscarPro'>Buscar 
                            </button> 
                            &nbsp;&nbsp;
                            <button id='btnLimpiarPro' >Limpiar 
                            </button> 
                        </td>
                    </tr>
                </table>
            </center>       
        </td>
    </tr>
    <tr><td style='height: 40px; vertical-align:bottom;'>
            <div style="float: right;">
               <img src='images/botones/nuevo.png' alt="Registrar nuevo producto." title="Registrar nuevo producto." id="btnNuevoPro"/>&nbsp;
                <img src='images/botones/edit.png' alt="Modificar datos del producto." title="Modificar datos del producto." id="btnEditarPro"/>&nbsp;
                <img src='images/botones/delete.png' alt="Eliminar producto." title="Eliminar producto."  id="btnEliminarPro"/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <center>
                <div id="lista"  style="  width:95%;">
                    <table id="grid"></table>
                    <div id="pager"></div>
                </div>
            </center>
        </td>
    </tr>

    <tr><td style='height: 30px; '></td></tr>
</table>

<div title="Registro de Nuevo Producto" id="ModalNeoPro">
    <br>
    <table width='98%' border='0' id='FiltroTablaPop'>
        <tr>
            <td> Codigo :</td>
            <td colspan='3' ><input type='text' id='txtCodigoPro' disabled="disabled"/></td>
        </tr>
        <tr>
            <td colspan="4"><hr/></td>
        </tr>
        <tr>
            <td> Codigo Alterno:</td>
            <td colspan='3' ><input type='text' id='txtCodigoAltPro' class="requerido" maxlength='10'/></td>
        </tr>
        <tr>
            <td> Nombre :</td>
            <td colspan='3'><input type='text' id='txtNombrePro' class="requerido" maxlength='50' size='61'/></td>
        </tr>
        <tr>
            <td> Unidad de Medida :</td>
            <td >
                <select id="lstUnidadMedida" class="requeridoLst" >
                    
                </select>
            </td>
            <td> Tipo :</td>
            <td>
                <select id='lstTipo' class="requeridoLst" >
                    
                </select>
            </td>
        </tr>
    </table>
    <table width='98%' border="0" id="FiltroAviso">
        <tr>
            <td align="center"><div id='aviso'></div></td>
        </tr>
    </table>
</div>

<div title="Modificar Producto" id="ModalEdiPro">
    <br>
    <table width='98%' border='0' id='FiltroTablaPop'>
        <tr>
            <td> Codigo :</td>
            <td colspan='3' ><input type='text' id='txtCodigoProEdi'  maxlength='10' disabled="disabled"/></td>
        </tr>
        <tr>
            <td colspan="4"><hr/></td>
        </tr>
        <tr>
            <td> Codigo Alterno :</td>
            <td colspan='3' ><input type='text' id='txtCodigoAltProEdi' class="requeridoEdit" maxlength='10'/></td>
        </tr>
        <tr>
            <td> Nombre :</td>
            <td colspan='3'><input type='text' id='txtNombreProEdi' class="requeridoEdit" maxlength='50' size='61'/></td>
        </tr>
        <tr>
            <td> Unidad de Medida :</td>
            <td >
                <select id="lstUnidadMedidaEdi" class="requeridoLstEdit">
                    
                </select>
            </td>
            <td> Tipo :</td>
            <td>
                <select id='lstTipoEdi' class="requeridoLstEdit">
                    
                </select>
            </td>
        </tr>
    </table>
    <table width='98%' border="0" id="FiltroAviso">
        <tr>
            <td align="center"><div id='avisoEdit'></div></td>
        </tr>
    </table>
</div>